<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>
<body>
  <!-- 
    有如下标签
    table：表格最外层容器
    tr：表格行
    th：表头
    td：表格单元格
    caption：表格标题

    语义化标签  只是为了规范结构，方便查看，不会影响样式
      注意： tHead tFood 只能出现一次，tBody可以有多次
      <tHead>
      <tBody>
      <tFood>
    
        表格属性：
          border:表格边框，在table标签上
          cellpadding:单元格内的空间 在table标签上
          cellspacing:单元格之间的空间 在table标签上
          rowspan：合并行  rowspan="2" 说明占了2行   写在th td上的
          colspan：合并列  colspan="2"  说明占了2列   写在th td上的
          align:   左右对齐方式  值有：left,center,right  写在tr上
          valign：    上下对齐方式 值有 ： top,middle,bottom  写在tr上

  
   -->

   <table border="2" cellpadding="20" cellspacing="5">
     <caption>天气预报</caption>
     <thead>
      <tr>
        <th colspan="2" >日期</th>
        <th>天气情况</th>
        <th>出行情况</th>
     
      </tr>
     </thead>
    
     <tbody>
      <tr align="right">
        <td>2019年1月1日</td>
        <td>白天</td>
        <td>太阳</td>
        <td>随便出去</td>
       </tr>
         
       <tr>
        <td rowspan="2" valign="bottom">2019年1月2日</td>
        <td>白天</td>
        <td>大雨</td>
        <td>不要出去</td>
       </tr>

       <tr>
        <td>夜晚</td>
        <td>大雨</td>
        <td>不要出去</td>
       </tr>
         
       <tr>
        <td>2019年1月3日</td>
        <td>白天</td>
        <td>小雨</td>
        <td>带伞</td>
       </tr>
     </tbody>

     <tfoot>

     </tfoot>
       
   </table>
  
</body>
</html>